import React from "react";
import ReactDOM from "react-dom/client";

let root = ReactDOM.createRoot(document.getElementById('root'))

// jsx语法
// 1、插入js表达式   {js表达式}
// 2、表达式可以是 ：字符串  数字  数组  null  函数
// 注意：不能出现js语句   if  switch  等等
let str = "hhhhhhhh"
let name="张三"
let age=30
let arr = [1,2,3,4]
function fn1(){
    return "我会敲代码"
}
let pp = (
    <div>
        <h1>我是jsx</h1>
        <p>我是{name},今年{age}岁了</p>
        {str}
        <hr></hr>
        {fn1()}
        {arr}
        <hr></hr>
        {null}
        {undefined}
        {1+2}
        {[1,2,'iii'].join('*')}
    </div>
)
root.render(pp)